<template>
  <div>
    <van-nav-bar title="添加账户" left-text="返回" left-arrow @click-left="onClickLeft"></van-nav-bar>
    <div class="imgs" @click="semail">
      <van-image src="bimg/jb2.png" />
    </div>
    <div class="imgs" @click="temail">
      <van-image src="bimg/jb3.png" />
    </div>
    <div class="imgs" @click="qemail">
      <van-image src="bimg/jb4.png" />
    </div>
    <div class="imgs" @click="xemail">
      <van-image src="bimg/jb5.png" />
    </div>
    <div class="imgs" @click="gemail">
      <van-image src="bimg/jb6.png" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
     email:'',
    };
  },
  methods: {
    onClickLeft() {
      this.$router.push("/Home");
    },
    semail() {
      this.$router.push("/email");
      this.email = '@163.com'
      localStorage.setItem('email',this.email)
    },
    temail() {
      this.$router.push("/email");
      this.email = '@126.com'
      localStorage.setItem('email',this.email)
    },
    qemail() {
      this.$router.push("/email");
      this.email = '@qq.com'
      localStorage.setItem('email',this.email)
    },
    xemail() {
      this.$router.push("/email");
      this.email = '@sina.com'
      localStorage.setItem('email',this.email)
    },
    gemail() {
      this.$router.push("/email");
      this.email = '@gmail.com'
      localStorage.setItem('email',this.email)
    },
  },
};
</script>

<style  scoped>
.imgs {
  height: 2rem;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(175, 172, 172, 0.616);
}
.van-image >>> img {
  margin-top: 0.55rem;
}
</style>